做好 Search Engine Optimizing (SEO)，可以讓使用者透過搜尋引擎，查找與我們網站頁面有相關聯的關鍵字詞時，列出的搜尋結果，會排序的比別人的網站還要前面的，也就是網站的曝光度很高，曝光度高，網站流量就有機會衝高，流量衝高了之後，網站就具有一定程度的影響力，我們可藉此來達成某種目的，例如鋪展各種流量變現的策略，增加收入，或是宣導要愛護動物、募資捐款等等。
簡言之，做好 SEO，可以取得「好的排名」。
今天來聊聊 Hugo 在 SEO 這部分，我們有哪些工具可以運用、設置，也會一併講到 Google 的 SEO 相關輔助工具，是如何幫助我們把設置好的網站，可以公開被使用者搜尋。
Hugo 內建產生網站 Sitemap 的服務，你可以透過修改 config.toml，去設置關於 Sitemap 的配置參數，以下是官方的設置參數範例：
[sitemap]
changefreq = "monthly"
filename = "sitemap.xml"
priority = 0.5
你也可以透過自行創建 ./layouts/sitemap.xml，來覆蓋(取代) Hugo 內建的 sitemap.xml 內容。
搞定 sitemap.xml 之後，在 Google 方面提供了 Search Console 介面，透過提交我們網站的 Sitemap.xml，告訴 Google 搜尋引擎，幫我們建立頁面索引，讓我們的網站頁面「可以被 Google」列出 (這只是 SEO 的其中一小步)。
若網站頁面已經可以被 Google 搜尋到，我們可以透過 Google Analytics 工具，來觀察網站被訪問的情況；Hugo 已幫我們整合了 Google Analytics 工具，只要在 config.toml 中，設置參數 googleAnalytics 即可啟用 (建立新的 Google Analytics 可往這參考官方說明)。
googleAnalytics = "UA-XXXXXXXXX-X"
上面那串 UA-XXXXXXXXX-X 為 Google Analytics 帳戶的追蹤 ID，點擊介面左下角的「管理」，進去資源管理介面，點選「資源設定」，就會看到你的追蹤 ID：
成功啟用之後，你可以在 Google Analytics 介面，看到已有接收到網站數據傳回：
如果還沒有看到數據，而你確定有啟用成功，可以試著用不同裝置、網路、瀏覽器開無痕，去造訪你的網站，模擬自己是一個新訪客，靜候幾分鐘觀察看看。
引用一下官方文件原文：
An internal template for the Open Graph protocol, metadata that enables a page to become a rich object in a social graph. This format is used for Facebook and some other sites.
當你分享文章網址到各種社群，例如 Facebook 時，設置 Title、Keywords、Description 等參數，可以讓社群平台抓取到適當的標題、圖片，或文字描述，作為該平台的連結圖塊呈現給使用者：
請注意，只有在你使用中的佈景，或是你有自行創建 partials template，引入到你的網站 <head> 中，才會被社群平台吃到你的設定，這邊可前往看看 Facebook 建議的設定。
建立 ./layouts/robots.txt，讓搜尋引擎知道哪些資料夾、網站內容，是我們想要被檢索、搜尋的：
User-agent: *
Disallow:
(上例為允許任何搜尋引擎檢索網站的所有內容與資源，包括頁面、圖片)
<head> 中今天超級淺的聊了一下 Hugo 在做 SEO 時提供的相關工具，讓沒接觸過的人，踏出了解做 SEO 的第一步，還有很多關於搜尋最佳化的作法、內容與學問可以探討，有興趣的讀者，推薦可以看看這篇 PERFECT SEO META TAGS WITH HUGO，也希望有深耕過 SEO 經驗的讀者，能把你的心得做個分享留言，感謝。
最後，筆者有個心得是，在開始研究 SEO 的這條路上，跟很多學問一樣，它是需要你不斷地更新資訊的，不是說感覺一時學有所成，就能十年不變的一套用到底，推薦你可以搜尋「SEO Checklist 2020」，或許可以有所獲得。
iThome鐵人賽
看影片追技術